
/*----------------------------------------------------------------------------*/
/* General                                                                    */
/*----------------------------------------------------------------------------*/

* 
{
  font-family: padauk, arial, sans-serif;
  line-height: 140%;
}

html,body 
{
  margin: 0;
  padding: 0;
  background-color: white;
}

img 
{
  border: 0;
}

ul,ol 
{
  padding: 0;
}

a
{
  text-decoration: none;
  color: #3162C5;
}

select
{
  padding: 1px;
}

a:hover
{
  text-decoration: underline;
}

input[type=text],input[type=password],input[type=email],textarea
{
  border: 1px solid #aaa;
  padding: 5px;
}

/*----------------------------------------------------------------------------*/
/* Header                                                                     */
/*----------------------------------------------------------------------------*/

#header
{
  background-color: #276696;
  height: 48px;
  position: fixed;
  z-index: 1100;
  top: 0;
  left: 0;
  right: 0;
}

#headerBanner
{
  position: absolute;
  top: 0;
  left: 0;
}

#headerText
{
  position: absolute;
  top: 12px;
  left: 175px;
  font-weight: bold;
  color: #fff;
  font-size: 16px;
}

/*----------------------------------------------------------------------------*/
/* DropDown Menu                                                              */
/*----------------------------------------------------------------------------*/

.gearDropDown 
{
  background-color : #f7f7f7;
  float            : right;
  border           : 1px solid #eaeaea;
  padding          : 4px 10px;
  cursor           : pointer;
  border-top-left-radius  : 3px;
  border-top-right-radius : 3px;
}

.gearDropDown.active 
{
  background-color : #ddd;
}

.dropDown 
{
  position                   : absolute;
  display                    : none;
  font-size                  : 9pt;
  color                      : #000;
  border                     : 1px solid #ddd;
  padding-left               : 2px;
  padding-right              : 2px;
  width                      : 70px;
  max-height                 : 610px;
  overflow-y                 : auto;
  background-color           : #f7f7f7;
  z-index                    : 9;
  border-bottom-left-radius  : 3px;
  border-bottom-right-radius : 3px;
  box-shadow                 : #ccc 0 1px 1px 0;
}

.dropDown > ul 
{
  margin: 6px 0;
}

.dropDown > ul > li 
{
  list-style-type : none;
  padding         : 0;
  margin          : 0;
}

.dropDown > ul > li > a 
{
  display       : block;
  padding       : 8px 5px;
  color         : #000;
  border-radius : 3px;
  cursor        : pointer;
}

.dropDown > ul > li > a:hover 
{
  text-decoration  : none;
  background-color : #eee;
}

/*----------------------------------------------------------------------------*/
/* Context Menu                                                               */
/*----------------------------------------------------------------------------*/

.contextMenu 
{
  position                   : absolute;
  font-size                  : 9pt;
  color                      : #000;
  border                     : 1px solid #ddd;
  padding-left               : 4px;
  padding-right              : 4px;
  width                      : 189px;
  max-height                 : 610px;
  overflow-y                 : auto;
  background-color           : #f7f7f7;
  display                    : none;
  z-index                    : 9;
  filter                     : alpha(opacity=98);
  opacity                    : 0.98;
  border-bottom-left-radius  : 3px;
  border-bottom-right-radius : 3px;
  box-shadow                 : #ccc 0 1px 1px 0;
}

.contextMenuItems 
{
  list-style-type : none;
  padding         : 0;
  margin          : 10px 0;
}

.contextMenuItems a 
{
  display       : block;
  padding       : 10px 10px;
  color         : #000;
  border-radius : 3px;
  cursor        : pointer;
}

.contextMenuItems a:hover 
{
  text-decoration  : none;
  background-color : #eee;
}

.contextMenuItemActive 
{
  background-color: #246BA1 !important;
  color: #fff !important;
}

/*----------------------------------------------------------------------------*/
/* Left bar                                                                   */
/*----------------------------------------------------------------------------*/

#leftBar
{
  height: 100%;
  background-color: #f7f7f7;
  width: 235px;
  position: fixed;
  top: 44px;
  left: 0;
  padding-top: 7px;
  border-right: 1px solid #ddd;
  z-index: 10;
}

#leftBarContents
{
  font-size: 9pt;
}

#leftBarContents h2
{
  color: #333;
  font-size: 9pt;
  margin: 16px 20px 1px 20px;
  padding: 8px 0 8px 0;
  font-weight: bold;
}

#leftBarContents ul
{
  list-style-type: none;
  padding: 0;
  margin: 0 8px;
}

#leftBarContents ul a
{
  display: block;
  color: #333;
  text-decoration: none;
  padding: 8px 12px;
  cursor: pointer;
}

#leftBarContents a:hover
{
  text-decoration: none;
  background-color: #eaeaea;
  border-radius: 4px;
}

/*----------------------------------------------------------------------------*/
/* Main page                                                                  */
/*----------------------------------------------------------------------------*/

.mainPageTable 
{
  width: 100%;
}

.page
{
  font-size: 9pt;
}

.page h1 
{
  font-size: 16pt;
  font-weight: normal;
  color: #585D61;
}

.page h2 
{
  font-size: 15pt;
  font-weight: normal;
  color: #585D61;
}

.page h3 
{
  font-size: 14pt;
  font-weight: normal;
  color: #585D61;
}

.page h4 
{
  font-size: 13pt;
  font-weight: normal;
  color: #585D61;
}

.page h5 
{
  font-size: 12pt;
  font-weight: normal;
  color: #585D61;
}

.page h6 
{
  font-size: 11pt;
  font-weight: normal;
  color: #585D61;
}

.page p,.page td,.page th,.page input,.page select,.page textarea 
{
  font-size: 9pt;
}

.page th
{
  text-align: left;
  color: #39547d;
  padding: 3px 0 3px 1px;
  font-size: 13px;
  font-weight: bold;
  border-collapse: collapse;
  border-bottom: 1px solid #cad5e5;
  min-height: 28px;
}

#mainPage 
{
  margin: 65px 10px 10px 270px;
}

.required 
{
  font-style: normal;
  color: #ff0000;
}

.listTable
{
  width: 100%;
  border-collapse: collapse;
  padding-top: 10px;
  cursor: pointer;
}

.listTable th
{
  background-color: rgba( 0, 0, 0, 0 );
  border-bottom: 1px solid #cad5e5;
  padding: 6px 0 3px 5px;
}

.listTable td
{
  padding: 2px 2px 2px 5px;
}

.listTable > tbody > tr > td
{
  padding: 11px 0 10px 5px;
}

.listRow
{
  border-bottom: 1px solid #cad5e5;
}

.listAlternateRow
{
  border-bottom: 1px solid #cad5e5;
  background-color: #ebf0f6;
}

.listHoverRow
{
  background-color: #dfe9f4;
}

.bold, .bold td
{
  font-weight: bold;
}

.normal
{
  font-weight: normal;
}

/*----------------------------------------------------------------------------*/
/* Intro                                                                      */
/*----------------------------------------------------------------------------*/

.introList
{
  list-style-type:none;
  width: 100%;
  max-width: 1100px;
  padding-top: 10px;
  padding-bottom: 20px;
  color: #444;
}

.moduleList
{
  list-style-type:none;
  width: 100%;
  max-width: 1100px;
  padding-top: 10px;
  padding-bottom: 20px;
  color: #444;
}

.introList li
{
  width: 435px;
  margin-right: 30px;
}

.moduleList li
{
  width: 305px;
  margin-right: 20px;
}

.introIcon
{
  float: left;
}

.introItem
{
  padding: 15px;
  cursor: pointer;
  min-height: 44px;
  float: left;
}

.introItem:hover
{
  background-color: #edf2f2;
  border-radius: 4px;
}

.introItemHeader
{
  font-weight: bold;
  color: #3F693F;
  font-size: 13px;
}

.introItemText
{
  margin-left: 73px;
}

/*----------------------------------------------------------------------------*/
/* @font-face                                                                 */
/*----------------------------------------------------------------------------*/

@font-face {
    font-family: 'padauk';
    src: url('../../fonts/padauk-webfont.eot');
    src: url('../../fonts/padauk-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/padauk-webfont.woff') format('woff'),
         url('../../fonts/padauk-webfont.ttf') format('truetype'),
         url('../../fonts/padauk-webfont.svg#padauk') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'padauk';
    src: url('../../fonts/padauk-bold-webfont.eot');
    src: url('../../fonts/padauk-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/padauk-bold-webfont.woff') format('woff'),
         url('../../fonts/padauk-bold-webfont.ttf') format('truetype'),
         url('../../fonts/padauk-bold-webfont.svg#padauk') format('svg');
    font-weight: bold;
    font-style: normal;
}
